﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <script>
        if (window.location.hash.length < 2) {
            window.location.hash = '#ajax/home.html';
        }

    </script>

    <title>Evaluation System - British Council</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- #CSS Links -->
    <!-- Basic Styles -->
    <!-- <link rel="stylesheet" type="text/css" media="screen" href="css/mui.min.css">-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css">

    <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production-plugins.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-production.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-skins.min.css">

    <!-- DEV links : turn this on when you like to develop directly -->
    <!--<link rel="stylesheet" type="text/css" media="screen" href="../Source_UNMINIFIED_CSS/smartadmin-production.css">-->
    <!--<link rel="stylesheet" type="text/css" media="screen" href="../Source_UNMINIFIED_CSS/smartadmin-skins.css">-->
    <!-- SmartAdmin RTL Support -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/smartadmin-rtl.min.css">

    <link rel="stylesheet" type="text/css" media="screen" href="css/plugins/jquery-step/jquery.steps.css" />
    <!-- We recommend you use "your_style.css" to override SmartAdmin
         specific styles this will also ensure you retrain your customization with each SmartAdmin update.
    <link rel="stylesheet" type="text/css" media="screen" href="css/your_style.css"> -->
    <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/demo.min.css">

    <!-- #FAVICONS -->
    <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon">

    <!-- #APP SCREEN / ICONS -->
    <!-- Specifying a Webpage Icon for Web Clip
         Ref: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
    <link rel="apple-touch-icon" href="img/splash/sptouch-icon-iphone.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/splash/touch-icon-ipad.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/splash/touch-icon-iphone-retina.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/splash/touch-icon-ipad-retina.png">

    <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!-- Startup image for web apps -->
    <link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
    <link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
    <link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">

    <!--百度地图
    <link href="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" /> -->
    <!--bootstrap-table-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/plugins/bootstrap-table/bootstrap-table.min.css">

    <!--自定义-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/index.css">

</head>

<!--

TABLE OF CONTENTS.

Use search to find needed section.

===================================================================

|  01. #CSS Links                |  all CSS links and file paths  |
|  02. #FAVICONS                 |  Favicon links and file paths  |
|  03. #GOOGLE FONT              |  Google font link              |
|  04. #APP SCREEN / ICONS       |  app icons, screen backdrops   |
|  05. #BODY                     |  body tag                      |
|  06. #HEADER                   |  header tag                    |
|  07. #PROJECTS                 |  project lists                 |
|  08. #TOGGLE LAYOUT BUTTONS    |  layout buttons and actions    |
|  09. #MOBILE                   |  mobile view dropdown          |
|  10. #SEARCH                   |  search field                  |
|  11. #NAVIGATION               |  left panel & navigation       |
|  12. #MAIN PANEL               |  main panel                    |
|  13. #MAIN CONTENT             |  content holder                |
|  14. #PAGE FOOTER              |  page footer                   |
|  15. #SHORTCUT AREA            |  dropdown shortcuts area       |
|  16. #PLUGINS                  |  all scripts and plugins       |

===================================================================

-->
<!-- #BODY -->
<!-- Possible Classes

    * 'smart-style-{SKIN#}'
    * 'smart-rtl'         - Switch theme mode to RTL
    * 'menu-on-top'       - Switch to top navigation (no DOM change required)
    * 'no-menu'			  - Hides the menu completely
    * 'hidden-menu'       - Hides the main menu but still accessable by hovering over left edge
    * 'fixed-header'      - Fixes the header
    * 'fixed-navigation'  - Fixes the main menu
    * 'fixed-ribbon'      - Fixes breadcrumb
    * 'fixed-page-footer' - Fixes footer
    * 'container'         - boxed layout mode (non-responsive: will not work with fixed-navigation & fixed-ribbon)
-->
<body class="desktop-detected fixed-header fixed-navigation fixed-page-footer smart-style-4">

    <!-- #HEADER -->
    <header id="header">
        <div id="logo-group">

            <!-- PLACE YOUR LOGO HERE -->
            <span id="logo"> <img src="img/logo-pale.png" alt="SmartAdmin"> </span>
            <!-- END LOGO PLACEHOLDER -->
            <!-- Note: The activity badge color changes when clicked and resets the number to 0
                 Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications -->
            <span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> <b class="badge"> 21 </b> </span>

            <!-- AJAX-DROPDOWN : control this dropdown height, look and feel from the LESS variable file -->
            <div class="ajax-dropdown">

                <!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
                <div class="btn-group btn-group-justified" data-toggle="buttons">
                    <label class="btn btn-default">
                        <input type="radio" name="activity" id="ajax/notify/mail.html">
                        Message (0)
                    </label>
                    <label class="btn btn-default">
                        <input type="radio" name="activity" id="ajax/notify/notifications.html">
                        Notice (0)
                    </label>
                    <label class="btn btn-default">
                        <input type="radio" name="activity" id="ajax/notify/tasks.html">
                        Task (0)
                    </label>
                </div>

                <!-- notification content -->
                <div class="ajax-notifications custom-scroll">

                    <div class="alert alert-transparent">
                        <h4>coming soon</h4>
                        ----
                    </div>

                    <i class="fa fa-lock fa-4x fa-border"></i>

                </div>
                <!-- end notification content -->
                <!-- footer: refresh area -->
                <span>
                    Update: 2018-01-01 10:08
                    <button type="button" data-loading-text="<i class='fa fa-refresh fa-spin'></i> Loading..." class="btn btn-xs btn-default pull-right">
                        <i class="fa fa-refresh"></i>
                    </button>
                </span>
                <!-- end footer -->

            </div>
            <!-- END AJAX-DROPDOWN -->
        </div>

        <!-- #PROJECTS: projects dropdown -->
        <div class="hidden project-context hidden-xs">

            <span class="label">Quick Tools:</span>
            <span class="project-selector dropdown-toggle" data-toggle="dropdown">Used Model <i class="fa fa-angle-down"></i></span>

            <!-- Suggestion: populate this list with fetch and push technique -->
            <ul class="dropdown-menu">
                <li>
                    <a href="javascript:void(0);">none</a>
                </li>
                <li>
                    <a href="javascript:void(0);">none</a>
                </li>
                <li>
                    <a href="javascript:void(0);">none</a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="javascript:void(0);"><i class="fa fa-power-off"></i> Clear</a>
                </li>
            </ul>
            <!-- end dropdown-menu-->

        </div>
        <!-- end projects dropdown -->
        <!-- #TOGGLE LAYOUT BUTTONS -->
        <!-- pulled right: nav area -->
        <div class="pull-right">

            <!-- collapse menu button -->
            <div id="hide-menu" class="btn-header pull-right">
                <span> <a href="javascript:void(0);" data-action="toggleMenu" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
            </div>
            <!-- end collapse menu -->
            <!-- #MOBILE -->
            <!-- Top menu profile link : this shows only when top menu is active -->
            <ul id="mobile-profile-img" class="header-dropdown-list hidden-xs padding-5">
                <li class="">
                    <a href="#" class="dropdown-toggle no-margin userdropdown" data-toggle="dropdown">
                        <img src="img/avatars/sunny.png" alt="John Doe" class="online" />
                    </a>
                    <ul class="dropdown-menu pull-right">
                        <li>
                            <a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0"><i class="fa fa-cog"></i> Settings(coming soon)</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#ajax/userinfo.html" class="padding-10 padding-top-0 padding-bottom-0"> <i class="fa fa-user"></i> User center</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="toggleShortcut"><i class="fa fa-arrow-down"></i>Start Menu(coming soon)</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="launchFullscreen"><i class="fa fa-arrows-alt"></i> Full screen</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="login.html" class="padding-10 padding-top-5 padding-bottom-5" data-action="userLogout"><i class="fa fa-sign-out fa-lg"></i> <strong>Logout</strong></a>
                        </li>
                    </ul>
                </li>
            </ul>

            <!-- logout button -->
            <div id="logout" class="btn-header transparent pull-right">
                <span> <a href="login.html" title="Sign Out" data-action="userLogout" data-logout-msg="You can improve your security further after logging out by closing this opened browser"><i class="fa fa-sign-out"></i></a> </span>
            </div>
            <!-- end logout button -->
            <!-- fullscreen button -->
            <div id="fullscreen" class="btn-header transparent pull-right">
                <span> <a href="javascript:void(0);" data-action="launchFullscreen" title="Full Screen"><i class="fa fa-arrows-alt"></i></a> </span>
            </div>
            <!-- end fullscreen button -->

        </div>
        <!-- end pulled right: nav area -->

    </header>
    <!-- END HEADER -->
    <!-- #NAVIGATION -->
    <!-- Left panel : Navigation area -->
    <!-- Note: This width of the aside area can be adjusted through LESS/SASS variables -->
    <aside id="left-panel">

        <!-- User info -->
        <div class="login-info">
            <span>
                <!-- User image size is adjusted inside CSS, it should stay as is -->

                <a href="javascript:void(0);" id="show-shortcut" data-action="toggleShortcut">
                    <img src="img/avatars/sunny.png" alt="me" class="online" />
                    <span id="userNickName">
                        用户名
                    </span>
                    <i class="fa fa-angle-down"></i>
                </a>

            </span>
        </div>
        <!-- end user info -->
        <!-- NAVIGATION : This navigation is also responsive

        To make this navigation dynamic please make sure to link the node
        (the reference to the nav > ul) after page load. Or the navigation
        will not initialize.
        -->
        <nav style="overflow-x:hidden;padding-bottom: 0;">
            <!--
            NOTE: Notice the gaps after each icon usage <i></i>..
            Please note that these links work a bit different than
            traditional href="" links. See documentation for details.
            -->

            <ul id="menubar"></ul>
        </nav>

    </aside>
    <!-- END NAVIGATION -->
    <!-- #MAIN PANEL -->
    <div id="main" role="main">

        <!-- RIBBON -->
        <div id="ribbon">

            <span class="ribbon-button-alignment">
                <span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh" rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings." data-html="true" data-reset-msg="Would you like to RESET all your saved widgets and clear LocalStorage?"><i class="fa fa-refresh"></i></span>
            </span>

            <!-- breadcrumb -->
            <ol class="breadcrumb">
                <!-- This is auto generated -->
            </ol>
            <!-- end breadcrumb -->
            <!-- You can also add more buttons to the
            ribbon for further usability

            Example below:

            <span class="ribbon-button-alignment pull-right" style="margin-right:25px">
                <a href="#" id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa fa-grid"></i> Change Grid</a>
                <span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa fa-plus"></i> Add</span>
                <button id="search" class="btn btn-ribbon" data-title="search"><i class="fa fa-search"></i> <span class="hidden-mobile">Search</span></button>
            </span> -->

        </div>
        <!-- END RIBBON -->
        <!-- #MAIN CONTENT -->
        <div id="content">

        </div>

        <!-- END #MAIN CONTENT -->

    </div>
    <!-- END #MAIN PANEL -->
    <!-- #PAGE FOOTER -->
    <div class="page-footer">
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <span class="txt-color-white">British Council<span class="hidden-xs"> - Evaluation System</span> © 2018</span>
            </div>

            <div class="col-xs-6 col-sm-6 text-right hidden-xs">
                <div class="txt-color-white inline-block">
                    <i class="txt-color-blueLight hidden-mobile">Last Login<i class="fa fa-clock-o"></i> <strong>52min ago &nbsp;</strong> </i>
                    <div class="btn-group dropup">
                        <button class="btn btn-xs dropdown-toggle bg-color-blue txt-color-white" data-toggle="dropdown">
                            <i class="fa fa-link"></i> <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu pull-right text-left">
                            <li>
                                <div class="padding-5">
                                    <p class="txt-color-darken font-sm no-margin">Download Progress</p>
                                    <div class="progress progress-micro no-margin">
                                        <div class="progress-bar progress-bar-success" style="width: 50%;"></div>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="padding-5">
                                    <p class="txt-color-darken font-sm no-margin">Server Load</p>
                                    <div class="progress progress-micro no-margin">
                                        <div class="progress-bar progress-bar-success" style="width: 20%;"></div>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="padding-5">
                                    <p class="txt-color-darken font-sm no-margin">Memory Load <span class="text-danger">*critical*</span></p>
                                    <div class="progress progress-micro no-margin">
                                        <div class="progress-bar progress-bar-danger" style="width: 70%;"></div>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="padding-5">
                                    <button class="btn btn-block btn-default">refresh</button>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- end btn-group-->
                </div>
                <!-- end div-->
            </div>
            <!-- end col -->
        </div>
        <!-- end row -->
    </div>
    <!-- END FOOTER -->
    <!-- #SHORTCUT AREA : With large tiles (activated via clicking user name tag)
         Note: These tiles are completely responsive, you can add as many as you like -->
    <div id="shortcut">
        <ul>
            <li>
                <a href="#ajax/inbox.html" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa fa-envelope fa-4x"></i> <span>Mail <span class="label pull-right bg-color-darken">14</span></span> </span> </a>
            </li>
            <li>
                <a href="#ajax/calendar.html" class="jarvismetro-tile big-cubes bg-color-orangeDark"> <span class="iconbox"> <i class="fa fa-calendar fa-4x"></i> <span>Calendar</span> </span> </a>
            </li>
            <li>
                <a href="#ajax/gmap-xml.html" class="jarvismetro-tile big-cubes bg-color-purple"> <span class="iconbox"> <i class="fa fa-map-marker fa-4x"></i> <span>Maps</span> </span> </a>
            </li>
            <li>
                <a href="#ajax/invoice.html" class="jarvismetro-tile big-cubes bg-color-blueDark"> <span class="iconbox"> <i class="fa fa-book fa-4x"></i> <span>Invoice <span class="label pull-right bg-color-darken">99</span></span> </span> </a>
            </li>
            <li>
                <a href="#ajax/gallery.html" class="jarvismetro-tile big-cubes bg-color-greenLight"> <span class="iconbox"> <i class="fa fa-picture-o fa-4x"></i> <span>Gallery </span> </span> </a>
            </li>
            <li>
                <a href="#ajax/profile.html" class="jarvismetro-tile big-cubes selected bg-color-pinkDark"> <span class="iconbox"> <i class="fa fa-user fa-4x"></i> <span>My Profile </span> </span> </a>
            </li>
        </ul>
    </div>








    <!-- END SHORTCUT AREA -->
    <!--================================================== -->
    <!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)
    <script data-pace-options='{ "restartOnRequestAfter": true }' src="js/plugin/pace/pace.min.js"></script>-->
    <!--
            <script>
             window.BMap_loadScriptTime = (new Date).getTime();
            </script>
            <script type="text/javascript" src="//api.map.baidu.com/getscript?v=2.0&ak=vgDSxy4Vt09ta1mr00YDT0Qm&services=&t=20171220141726&s=1"></script>-->
    <!--<script src="//api.map.baidu.com/api?v=2.0&ak=vgDSxy4Vt09ta1mr00YDT0Qm&s=1"></script>
    <script src="js/plugin/baidumap/traffic.js"></script>-->
    <!-- #PLUGINS -->
    <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
    <script src="js/libs/jquery-2.1.1.min.js"></script>

    <script src="js/libs/jquery-ui-1.10.3.min.js"></script>


    <!-- IMPORTANT: APP CONFIG -->
    <script src="js/app.config.js"></script>

    <!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
    <script src="js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script>

    <!-- BOOTSTRAP JS -->
    <script src="js/bootstrap/bootstrap.min.js"></script>

    <!-- CUSTOM NOTIFICATION -->
    <script src="js/notification/SmartNotification.min.js"></script>

    <!-- JARVIS WIDGETS -->
    <script src="js/smartwidgets/jarvis.widget.min.js"></script>

    <!-- EASY PIE CHARTS -->
    <script src="js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>

    <!-- SPARKLINES -->
    <script src="js/plugin/sparkline/jquery.sparkline.min.js"></script>

    <!-- JQUERY VALIDATE -->
    <script src="js/plugin/jquery-validate/jquery.validate.min.js"></script>
    <!--<script src="js/plugin/jquery-validate/localization/messages_zh.js"></script>-->
    <!-- JQUERY MASKED INPUT -->
    <script src="js/plugin/masked-input/jquery.maskedinput.min.js"></script>

    <!-- JQUERY SELECT2 INPUT -->
    <script src="js/plugin/select2/select2.min.js"></script>
    <!--<script src="js/plugin/select2/i18n/zh-CN.js"></script>-->
    <!-- JQUERY UI + Bootstrap Slider -->
    <script src="js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>

    <!-- browser msie issue fix -->
    <script src="js/plugin/msie-fix/jquery.mb.browser.min.js"></script>

    <!-- FastClick: For mobile devices: you can disable this in app.js -->
    <script src="js/plugin/fastclick/fastclick.min.js"></script>

    <!--[if IE 8]>
        <h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
    <![endif]-->
    <!-- Demo purpose only
    <script src="js/demo.min.js"></script>-->
    <!-- MAIN APP JS FILE -->
    <script src="js/app.min.js"></script>

    <!-- ENHANCEMENT PLUGINS : NOT A REQUIREMENT -->
    <!-- Voice command : plugin -->
    <!--<script src="js/speech/voicecommand.min.js"></script>-->
    <!-- SmartChat UI : plugin -->
    <script src="js/smart-chat-ui/smart.chat.ui.min.js"></script>


    <!-- pinyin
    <script src="js/plugin/pinyin/pinyin_dict_notone.js"></script>
    <script src="js/plugin/pinyin/pinyinUtil.js"></script>
    -->
    <!-- echarts-->
    <script src="js/plugin/echarts/echarts.min.js"></script>
    <script src="js/plugin/echarts/bmap.min.js"></script>

    <!--jquery steps-->
    <script src="js/plugin/jquery-step/jquery.steps.min.js"></script>

    <!--clipboard-->
    <script src="js/plugin/clipboard/clipboard.min.js"></script>

    <!--bootstrap-table-->
    <script src="js/plugin/bootstrap-table/extensions/export/tableExport.js"></script>
    <script src="js/plugin/bootstrap-editable/bootstrap-editable.js"></script>
    <script src="js/plugin/bootstrap-table/bootstrap-table.js"></script>
    <script src="js/plugin/bootstrap-table/extensions/flat-json/bootstrap-table-flat-json.min.js"></script>
    <script src="js/plugin/bootstrap-table/extensions/multiple-sort/bootstrap-table-multiple-sort.min.js"></script>
    <script src="js/plugin/bootstrap-table/extensions/select2-filter/bootstrap-table-select2-filter.min.js"></script>
    <script src="js/plugin/bootstrap-table/extensions/export/bootstrap-table-export.min.js"></script>
    <script src="js/plugin/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js"></script>
    <!--<script src="js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script> -->
    <!--<script src="js/mui.min.js"></script>
    <script>
    mui.init();
    </script>-->

    <script>
        //是否已经加载过一遍侧边栏
        var loadedNavBar = false;
        //校验Token是否正确
        checkToken();
        //判断是否存在Token，如果存在，判断是否过期。如果过期，重新请求。未过期则定时请求
        function checkToken() {
            //debugger;
            var token = localStorage.token;
            if (token != undefined && token != null && token != "") {
                var tokenarr = null;
                try {
                    tokenarr = JSON.parse(atob(token.split(".")[1]));
                    if (tokenarr != null && tokenarr.exp && (tokenarr.exp - new Date() / 1000 > 60)) {
                        //有token且未过期，定时请求即可
                        setTimeout(checkToken, tokenarr.exp * 1000 - (new Date()) - 59000);
                        $.ajaxSetup({
                            headers: {
                                "Authorization": "bearer " + token
                            },
                            type: "post",
                            dataType: 'json',
                            complete: function (e) {
                                console.log(e);
                                if (e.status != 200) {
                                    alert("HTTP请求错误[" + e.status + "]" + e.statusText);
                                }
                            }
                        })
                        loadNavBar();
                        return;
                    }
                } catch (e) {

                }
            }
            ReLogin();
        }

        function ReLogin() {
            var account = localStorage.account;
            if (account != undefined && account != null && account != "") {
                var password = sessionStorage.password || localStorage.password;
                if (password == undefined || password == null || password == "") {
                    password = prompt("会话已经超时，请输入密码重新登录，若不想每次都输入密码，可以点击确定转到登录页，并选择记住密码", "");
                }
                //有了用户名密码 重新来一整遍登录逻辑
                $.ajax({
                    type: "POST",
                    url: apiUrl + "User/Login",
                    data: { account: account, password: password },// 你的formid
                    dataType: "json",
                    success: function (data) {
                        console.log(data);
                        if (data.status.code > 0) {
                            alert(data.status.msg + "[ERROR CODE:" + data.status.code + "]");
                            window.location.href = '/login.html#from=' + encodeURIComponent(window.location.href);
                        } else {
                            localStorage.token = data.result.token;
                            //重新进行token定时刷新操作
                            checkToken();
                        }
                    }
                });
            } else {
                alert('未检测到登录历史，即将前往登录页');
                window.location.href = '/login.html#from=' + encodeURIComponent(window.location.href);
            }
        }

        function loadNavBar() {
            if (loadedNavBar) return;

            $.ajax({
                url: apiUrl + "User/Info",
                //data: {token:localStorage.token},
                success: function (data, status, request) {
                    if (data.status.code == 0) {
                        userinfo = data.result;
                        var menuhtml = "";
                        $(data.result.menu).each(function (index, menu) {
                            menuhtml += ""
                                + '<li class="top-menu-invisible' + isActiveNav(menu) + '">'
                                + '	<a href="' + menu.link + '" title="' + menu.title + '">'
                                + '		<i class="' + menu.icon + '"></i>'
                                + '		<span class="menu-item-parent">' + menu.title + '</span>'
                                + '	</a>';
                            if (menu.childMenu != null) {
                                menuhtml += "<ul>";
                                $(menu.childMenu).each(function (index, child) {
                                    menuhtml += ""
                                        + '		<li class="' + isActiveNav(child) + '">'
                                        + '			<a href="' + child.link + '" title="' + child.title + '">'
                                        + '				<i class="' + child.icon + '"></i>'
                                        + '				<span class="menu-item-parent">' + child.title + '</span>'
                                        + '			</a>'
                                        + '		</li>'
                                });
                                menuhtml += "</ul>";
                            }
                            menuhtml += '</li>';

                        });
                        $('#menubar').html(menuhtml);
                        $("#userNickName").text(data.result.baseInfo.userNick);
                        initApp.leftNav();
                        loadedNavBar = true;
                    } else {
                        alert(data.status.msg);
                    }
                }
            });
        }

        function isActiveNav(menu) {
            //0-no 1-currentLi 2-parent
            var url = location.hash.substr(1);
            if (url == menu.link) {
                return " active" + (menu.childMenu && menu.childMenu.length>0?" open" :"");
            } else if (menu.childMenu){
                for (var i = 0; i < menu.childMenu.length; i++) {
                    if (menu.childMenu[i].link == url) {
                        return "active open";
                    }
                    if (menu.childMenu[i].childMenu && menu.childMenu[i].childMenu.length > 0) {
                        var t = isActiveNav(menu.childMenu[i]);
                        if (t != "") {
                            return t;
                        }
                    }
                }
            }
            return "";
        }

        Date.prototype.format = function (format) {
            /*
             * eg:format="YYYY-MM-dd hh:mm:ss";
             */
            var o = {
                "M+": this.getMonth() + 1, // month
                "d+": this.getDate(), // day
                "h+": this.getHours(), // hour
                "m+": this.getMinutes(), // minute
                "s+": this.getSeconds(), // second
                "q+": Math.floor((this.getMonth() + 3) / 3), // quarter
                "S": this.getMilliseconds()
                // millisecond
            }
            if (/(y+)/.test(format)) {
                format = format.replace(RegExp.$1, (this.getFullYear() + "")
                    .substr(4 - RegExp.$1.length));
            }
            for (var k in o) {
                if (new RegExp("(" + k + ")").test(format)) {
                    format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]
                        : ("00" + o[k]).substr(("" + o[k]).length));
                }
            }
            return format;
        }
        var clipboard = new ClipboardJS('.needCopy', {



        });
        clipboard.on('success', function (e) {

            console.info('Text:', e.text);
            $.smallBox({
                title: "Copied",
                content: "<i class='fa fa-copy'></i> <i>" + e.text + "</i>",
                color: "#739E73",
                iconSmall: "fa fa-check animated",
                timeout: 4000
            });

            e.clearSelection();
        });

        function notice(a, b) {
            $.smallBox({
                title: a,
                content: "<i class='fa fa-clock-o'></i> <i>" + b +"</i>",
                color: "#659265",
                iconSmall: "fa fa-check fa-2x fadeInRight animated",
                timeout: 8000
            });
        }

    </script>

</body>

</html>